<extend name="layout/index"/>
<block name="content">
    <link rel="stylesheet" type="text/css" href="/static/index/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="/static/index/css/square-loader.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/index/css/default.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/component.css" />
<div class="view" style="position: relative">
    <header class="header">
        <nav class="demos">
            <volist name="catelist" id="vo">
            <a class="demos__item <if($vo['id']==$cate['id'])>demos__item--current</if>" href="{:url('index/service',array('id'=>$vo['id']))}">{$vo.title}</a>
            </volist>
        </nav>
    </header>
    <section class="page page--mover">
        <div class="la-square-loader">
            <div></div>
        </div>
    </section>
    <div class="title-wrap">
        <h1 class="title title--main">PRSS<em>招聘流程服务</em></h1>
        <p class="title title--sub" style="margin-top: 20px;">您身边的招聘服务管家——任一门</p>

    </div>
    <section class="page page--static">
        <div class="page__title">
            <h2 class="page__title-main">{$cate.headline}</h2>
            <p class="page__title-sub">{$cate.subheading}</p>
        </div>
        <ul class="grid">
            <volist name="list" id="vo">
            <li class="grid__item">
                <a class="grid__link" href="#">
                    <img class="grid__img" src="{$vo.image}" alt="Some image" />
                    <!--					<h3 class="grid__item-title">1</h3>-->
                </a>
            </li>
            </volist>

        </ul>
    </section>
    <div class="device">
        <div class="device__screen"></div>
    </div>
    <button id="showgrid" class="button button--view" aria-label="Show me more">
        <svg width="100%" height="100%" viewBox="0 0 310 177" preserveAspectRatio="xMidYMid meet">
            <path fill="#FFFFFF" d="M159.875,174.481L306.945,27.41c2.93-2.929,2.93-7.678,0-10.606L292.803,2.661c-1.406-1.407-3.314-2.197-5.303-2.197c-1.989,0-3.896,0.79-5.303,2.197L154.572,130.287L26.946,2.661c-1.406-1.407-3.314-2.197-5.303-2.197c-1.989,0-3.897,0.79-5.303,2.197L2.197,16.804C0.733,18.269,0,20.188,0,22.107s0.732,3.839,2.197,5.303l147.071,147.071C152.197,177.411,156.945,177.411,159.875,174.481L159.875,174.481z" />
        </svg>
    </button>

</div>
    <script src="/static/index/js/classie.js"></script>
    <script src="/static/index/js/dynamics.min.js"></script>
    <script src="/static/index/js/imagesloaded.pkgd.min.js"></script>
    <script src="/static/index/js/main.js"></script>
    </block>